<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>主页 || 仪表盘</title>
    <!--引入css文件-->
    <link href="__PUBLIC__/admin/css/plugins/iCheck/custom.css" rel="stylesheet">
    <include file="common_css"/>
    <!--分页样式-->
    <style type="text/css">
        div.green-black{padding:3px;margin:3px;text-align:center;}
        div.green-black a{border:#2c2c2c 1px solid;padding:2px 5px;background:#2c2c2c;color:#fff;margin:0 2px 0 0;text-decoration:none;}
        div.green-black a:hover{border: #23b7e5 1px solid;background: #23b7e5;color:#fff;}
        div.green-black a:active{border: #23b7e5 1px solid;background: #23b7e5;color:#fff;}
        div.green-black span.current{border: #23b7e5 1px solid;padding:2px 5px;font-weight:bold;background:#23b7e5;color:#fff;margin:0 2px 0 0;}
        div.green-black span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;color:#ccc;margin:0 2px 0 0;}
    </style>
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">

    <div class="row">
        <div class="col-sm-3">
            <div class="widget navy-bg no-padding">
                <div class="p-m" style="padding-bottom: 0px;">
                    <h1 class="m-xs"><i class="fa fa-dollar"></i> {$balance.balance|round=###,2}</h1>
                    <!--&yen;-->
                    <h3 class="font-bold no-margins">
                        余额
                    </h3>
                    <small>今日入金:<i class="fa fa-dollar"></i> {$oneday}</small><br/><br/>
                    <!--<span style="line-height:22px;margin-top:10px;">理财（预计下期升值 1.15% -&#45;&#45; 3.25%）</span><br/>-->
                    <!--<span style="line-height:22px;margin-top:10px;">{$balance.balanceAir1|round=###,2} RMB -&#45;&#45; {$balance.balanceAir2|round=###,2} RMB</span><br/>-->
                    <!--<span style="line-height:20px;color:red;">仅供参考，实际收益均已到期报价为准</span>-->
                </div>
                <div class="flot-chart" >
                    <!--style="height:40px;"-->
                    <div class="flot-chart-content" id="flot-chart1"></div>
                </div>
            </div>
        </div>
        <div class="col-sm-3" <if condition='$user.position eq 1'>style="display:none;"</if>>
            <div class="widget navy-bg no-padding">
                <div class="p-m">
                    <h1 class="m-xs"><i class="fa fa-dollar"></i> {$one_commiss}</h1>

                    <h3 class="font-bold no-margins">
                        今日佣金收入
                    </h3>
                    <small>佣金月收入:<i class="fa fa-dollar"></i> {$month_commiss}</small>
                </div>
                <div class="flot-chart">
                    <div class="flot-chart-content" id="flot-chart2"></div>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="widget lazur-bg no-padding">
                <div class="p-m">
                    <h1 class="m-xs">{$volume}</h1>

                    <h3 class="font-bold no-margins">
                        今日我的交易量
                    </h3>
                    <small>月交易量: {$month_volume}</small>
                </div>
                <div class="flot-chart">
                    <div class="flot-chart-content" id="flot-chart3"></div>
                </div>
            </div>
        </div>
        <div class="col-sm-3" <if condition='$user.position eq 1'>style="display:none;"</if>>
            <div class="widget navy-bg no-padding">
                <div class="p-m">
                    <h1 class="m-xs">{$number}</h1>

                    <h3 class="font-bold no-margins">
                        我的团队人数
                    </h3>
                    <small>今日团队交易量: {$sum_num}</small>
                </div>
                <div class="flot-chart">
                    <div class="flot-chart-content" id="flot-chart4"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="row m-t-lg">
        <div class="col-sm-12">
            <div class="ibox-content">
                <h2>最新公告</h2>

                    <div class="table-responsive">
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th>序号</th>
                                <th>时间</th>
                                <th>标题</th>
                                <th>查看</th>
                            </tr>
                            </thead>
                            <tbody>
                            <foreach name="notice" item="data">
                                <tr>
                                    <td>{$data.id}</td>
                                    <td><span class="pie">{$data.add_time}</span></td>  <!--date="Y-m-d H:i:s",###-->
                                    <td>{$data.title}</td>
                                    <td><a title="查看详情" href="javascript:;" onclick="notice_edit('公告详情','__MODULE__/Index/notice_OneData/id/{$data.id}',100,100)">
                                            <i class="fa fa-search-plus text-navy"></i></a>
                                    </td>
                                </tr>
                            </foreach>
                            </tbody>
                        </table>
                        <div class="green-black">{$page}</div>
                    </div>
                    <div id="world-map" style="height: 420px;">

                    </div>
            </div>
        </div>

    </div>

</div>
    <!-- 全局js -->
    <include file="common_js"/>
    <script src="__PUBLIC__/admin/js/jquery-ui-1.10.4.min.js"></script>

    <!-- Flot -->
    <script src="__PUBLIC__/admin/js/plugins/flot/jquery.flot.js"></script>
    <script src="__PUBLIC__/admin/js/plugins/flot/jquery.flot.tooltip.min.js"></script>
    <script src="__PUBLIC__/admin/js/plugins/flot/jquery.flot.resize.js"></script>
    <script src="__PUBLIC__/admin/js/plugins/flot/jquery.flot.pie.js"></script>
    <!--flotdemo-->
    <script type="text/javascript">
        function layer_show(title,url,w,h){
            if (title == null || title == '') {
                title=false;
            };
            if (url == null || url == '') {
                url="404.html";
            };
            if (w == null || w == '') {
                w=800;
            };
            if (h == null || h == '') {
                h=($(window).height() - 50);
            };
            layer.open({
                type: 2,
                area: [w+'%', h +'%'],
                fix: false, //不固定
                maxmin: true,
                shade:0.4,
                title: title,
                content: url
            });
        }

        function notice_edit(t,u,w,h) {
            layer_show(t,u,w,h);
        }

        $(document).ready(function () {
            var d1 = [[1262304000000, 6], [1264982400000, 3057], [1267401600000, 20434], [1270080000000, 31982], [1272672000000, 26602], [1275350400000, 27826], [1277942400000, 24302], [1280620800000, 24237], [1283299200000, 21004], [1285891200000, 12144], [1288569600000, 10577], [1291161600000, 10295]];
            var d2 = [[1262304000000, 5], [1264982400000, 200], [1267401600000, 1605], [1270080000000, 6129], [1272672000000, 11643], [1275350400000, 19055], [1277942400000, 30062], [1280620800000, 39197], [1283299200000, 37000], [1285891200000, 27000], [1288569600000, 21000], [1291161600000, 17000]];

            var data1 = [
                {
                    label: "Data 1",
                    data: d1,
                    color: '#17a084'
                },
                {
                    label: "Data 2",
                    data: d2,
                    color: '#127e68'
                }
            ];
            $.plot($("#flot-chart1"), data1, {
                xaxis: {
                    tickDecimals: 0
                },
                series: {
                    lines: {
                        show: true,
                        fill: true,
                        fillColor: {
                            colors: [{
                                opacity: 1
                            }, {
                                opacity: 1
                            }]
                        },
                    },
                    points: {
                        width: 0.1,
                        show: false
                    },
                },
                grid: {
                    show: false,
                    borderWidth: 0
                },
                legend: {
                    show: false,
                }
            });

            var data2 = [
                {
                    label: "Data 1",
                    data: d1,
                    color: '#19a0a1'
                }
            ];
            $.plot($("#flot-chart2"), data2, {
                xaxis: {
                    tickDecimals: 0
                },
                series: {
                    lines: {
                        show: true,
                        fill: true,
                        fillColor: {
                            colors: [{
                                opacity: 1
                            }, {
                                opacity: 1
                            }]
                        },
                    },
                    points: {
                        width: 0.1,
                        show: false
                    },
                },
                grid: {
                    show: false,
                    borderWidth: 0
                },
                legend: {
                    show: false,
                }
            });

            var data3 = [
                {
                    label: "Data 1",
                    data: d1,
                    color: '#fbbe7b'
                },
                {
                    label: "Data 2",
                    data: d2,
                    color: '#f8ac59'
                }
            ];
            $.plot($("#flot-chart3"), data3, {
                xaxis: {
                    tickDecimals: 0
                },
                series: {
                    lines: {
                        show: true,
                        fill: true,
                        fillColor: {
                            colors: [{
                                opacity: 1
                            }, {
                                opacity: 1
                            }]
                        },
                    },
                    points: {
                        width: 0.1,
                        show: false
                    },
                },
                grid: {
                    show: false,
                    borderWidth: 0
                },
                legend: {
                    show: false,
                }
            });
            var data4 = [
                {
                    label: "Data 1",
                    data: d1,
                    color: '#7aa171'
                },
                {
                    label: "Data 2",
                    data: d2,
                    color: '#f8b3ca'
                }
            ];
            $.plot($("#flot-chart4"), data4, {
                xaxis: {
                    tickDecimals: 0
                },
                series: {
                    lines: {
                        show: true,
                        fill: true,
                        fillColor: {
                            colors: [{
                                opacity: 1
                            }, {
                                opacity: 1
                            }]
                        },
                    },
                    points: {
                        width: 0.1,
                        show: false
                    },
                },
                grid: {
                    show: false,
                    borderWidth: 0
                },
                legend: {
                    show: false,
                }
            });



        });
    </script>
</body>

</html>
